<script type="text/javascript">
    $(document).ready(function() {
        $('#carouselDCAB').carousel({
            interval: 5000
        });
    });


</script>

<!-- Carousel 
================================================ -->
<br>
<div id="carouselDCAB" class="carousel slide">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carouselDCAB" data-slide-to="0" class="active"></li>
        <li data-target="#carouselDCAB" data-slide-to="1"></li>
        <li data-target="#carouselDCAB" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active">
            <img src="http://lorempixel.com/800/300/people">
        </div>
        <div class="item">
            <img src="http://lorempixel.com/800/300/nature">
        </div>
        <div class="item">
            <img src="http://lorempixel.com/800/300/animals">
        </div>
    </div>

</div> <!-- /Carousel -->

<table class="table-borderless">
    <tr>
        <td>
            <?php echo $this->Html->image('homenav/ie3.png', array('alt' => 'Im Struggling Financially', 'onmouseover' => 'this.src="../img/homenav/ie3.2.png"', 'onmouseout' => 'this.src="../img/homenav/ie3.png"', 'class' => 'homeicons', 'url' => array('controller' => 'Financial', 'action' => 'index'))); ?>
        </td>
        <td>
            <?php echo $this->Html->image('homenav/ie5.png', array('alt' => 'I Need A Loan', 'onmouseover' => 'this.src="../img/homenav/ie5.2.png"', 'onmouseout' => 'this.src="../img/homenav/ie5.png"', 'class' => 'homeicons', 'url' => array('controller' => 'Loan', 'action' => 'index'))); ?>
        </td>
        <td>
            <?php echo $this->Html->image('homenav/ie1.png', array('alt' => 'I Need To Talk To Someone', 'onmouseover' => 'this.src="../img/homenav/ie1.2.png"', 'onmouseout' => 'this.src="../img/homenav/ie1.png"', 'class' => 'homeicons', 'url' => array('controller' => 'talk', 'action' => 'index'))); ?>
        </td>
        <td>
            <?php echo $this->Html->image('homenav/ie2.png', array('alt' => 'I Need Food', 'class' => 'homeicons', 'onmouseover' => 'this.src="../img/homenav/ie2.2.png"', 'onmouseout' => 'this.src="../img/homenav/ie2.png"', 'url' => array('controller' => 'food', 'action' => 'index'))); ?>
        </td>
        <td>
            <?php echo $this->Html->image('homenav/ie4.png', array('alt' => 'I Need Help', 'onmouseover' => 'this.src="../img/homenav/ie4.2.png"', 'onmouseout' => 'this.src="../img/homenav/ie4.png"', 'class' => 'homeicons', 'url' => array('controller' => 'help', 'action' => 'index'))); ?>
        </td>
    </tr>
    <tr>
        <td>
            <center><strong>I'm Struggling Financially</strong></center>
        </td>
        <td>
            <center><strong>I Need A Loan</strong></center>
        </td>
        <td>
            <center><strong>I Need To Talk To Someone</strong></center>
        </td>
        <td>
            <center><strong>I Need Food</strong></center>
        </td>
        <td>
            <center><strong>I Need Help</strong></center>
        </td>
    </tr>
</table>

